body, html{
/* height: 100%; */
}
a{
text-decoration: none;
color: inherit;
}
ul li{
list-style: none;
}
.flex,
.flex-middle{
display: flex;
display: -webkit-flex;
}
.flex-middle{
align-items: center;
}
.flex-both{
justify-content: space-between;
}
.ad-view{
position: relative;
height: 100%;
overflow: hidden;
}
.ad-view .full-height{
height: 100%;
}
.ad-view .video-view{
position: relative;
overflow: hidden;
background-color: rgba(21, 74, 154, .5);
}
.ad-view .video-view video{
position: absolute;
display: block;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.flex-middle ul{
overflow: hidden;
}
.flex-middle ul li{
float: left;
}
.ad-view .data-view{
position: absolute;
left: 0;
right: 0;
bottom: 120px;
text-align: center;
color: #fff;
}
.ad-view .data-view .sub-title{
font-size: 16px;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
.ad-view .data-view .title{
margin-bottom: 30px;
font-size: 40px;
height: 45px;
line-height: 45px;
overflow: hidden;
}
.ad-view .data-view .title strong{
opacity: 0;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.ad-view .data-view .title::before{
content: '';
display: block;
height: 100%;
-webkit-transition: .4s ease-out;
transition: .4s ease-out;
}
.ad-view .data-view .jump-link{
justify-content: center;
font-size: 12px;
opacity: 0;
-webkit-transition: .5s;
transition: .5s;
}
.ad-view .data-view .jump-link span{
margin-right: 8px;
}
.ad-view .data-view .jump-link svg{
border-radius: 20px;
width: 14px;
height: 14px;
overflow: hidden;
}
.ad-view .swiper-slide-active .data-view .sub-title{
-webkit-transition: .6s .6s;
transition: .6s .6s;
opacity: 1;
}
.ad-view .swiper-slide-active .data-view .title strong{
opacity: 1;
}
.ad-view .swiper-slide-active .data-view .title::before{
height: 0;
}
.ad-view .swiper-slide-active .data-view .jump-link{
-webkit-transition: .6s 1.2s;
transition: .6s 1.2s;
opacity: 1;
}
.ad-view .swiper-slide-active .data-view .jump-link svg .circle{
-webkit-animation: circleFull 10s 1s ease-out forwards;
animation: circleFull 10s 1s ease-out forwards;
}
.ad-view .ad-pagination{
position: absolute;
left: 0;
right: 0;
bottom: 48px;
z-index: 10;
justify-content: center;
}
.ad-view .ad-pagination .item{
position: relative;
}
.ad-view .ad-pagination .item span{
display: block;
margin: 7px 12px;
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 6px;
cursor: pointer;
}
.ad-view .ad-pagination .item svg{
position: absolute;
left: 5px;
-webkit-transform: scale3d(0,0,0);
transform: scale3d(0,0,0);
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
overflow: visible;
}
.ad-view .ad-pagination .item svg .circle {
stroke-dasharray: 0 502;
}
@-webkit-keyframes circleFull{
from{
stroke-dasharray: 0 502;
}
to{
stroke-dasharray: 57 502;
}
}
@keyframes circleFull{
from{
stroke-dasharray: 0 502;
}
to{
stroke-dasharray: 57 502;
}
}
.ad-view .ad-pagination .item.on span{
visibility: hidden;
}
.ad-view .ad-pagination .item.on svg{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.ad-view .ad-pagination .item.on svg .circle{
-webkit-animation: circleFull 5s ease forwards;
animation: circleFull 5s ease forwards;
}
.suction-top{
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
}
.suction-top .container{
padding: 30px 35px;
}
.suction-top .logo .logo-icon{
width: 276px;
height: 28px;
}
.suction-top .right{
color: #fff;
font-size: 16px;
line-height: 1.5;
}
.suction-top .right a{
margin-left: 30px;
display: block;
}
.customer-btn{
position: fixed;
z-index: 3;
right:45px;
bottom: 60px;
opacity: .6;
}
.customer-btn:hover{
opacity: 1;
}
.right-aside{
position: fixed;
right: 0;
top: 0;
z-index: 99;
width: 250px;
height: 100%;
-webkit-transform: translate3d(250px, 0, 0);
transform: translate3d(250px, 0, 0);
background-color: #154a9a;
-webkit-transition: .3s;
transition: .3s;
}
.flex-middle ul li:hover .right-aside{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.suction-top .right .right-aside a{
margin: 0;
}
.oW_meua:hover .right-aside{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.flex-middle ul li .right-aside .nav li{
float: none;
}
.right-aside.on{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.right-aside .close{
/*padding: 0 45px;
height: 88px;*/
width: 22px;
height: 22px;
justify-content: right;
cursor: pointer;
position: absolute;
right: 35px;
top: 35px;
z-index: 100;
}
.right-aside .close img{
cursor: pointer;
display: block;
width: 100%;
height: 100%;
}
.right-aside .close img:hover{
transition: .6s;
transform: rotate(180deg);
}
.right-aside .logo2{
padding: 100px 0 30px;
}
.right-aside .logo2 .logo-icon{
margin-left: 30px;
width:50%;
/* height: 20px;*/
background: none;
}
.right-aside .logo2 .logo-icon img{
display: block;
width: 100%;
}
.right-aside .nav{
padding: 0 25px;
}
.right-aside .nav li:hover{
list-style: square;
color: #fff;
}
.right-aside .nav a{
display: block;
font-size: 16px;
line-height:40px;
color: #fff;
opacity: .8;
}
.right-aside .nav dl dd a{
line-height: 30px;
}
.right-aside .nav a:hover{
opacity: 1;
}
.right_aside_icon{
position: absolute;
bottom:95px;
padding: 0 20px;
}
.right_aside_icon dl{
overflow: hidden;
}
.right_aside_icon dl dd{
float: left;
padding-right: 10px;
}
.right_aside_icon dl dd a{
display: block;
margin-left: 0;
}
.right_aside_icon dl dd img{
display: block;
width: 24px;
transition: .6s;
}
.right_aside_icon dl dd:hover img{
transition: .6s;
transform: rotate(360deg);
}
.Copyright{
position: absolute;
bottom: 20px;
padding: 0 20px;
}
.Copyright h3{
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
padding-bottom: 15px;
}
.Copyright p{
color: #FFFFFF;
opacity: .8;
font-size: 12px;
font-weight: 300;
line-height: 20px;
}
.Copyright p a{
color: #FFFFFF;
display: block;
}
.suction-top .right .Copyright p a{
margin-left: 0;
}
.fuxin{
position: absolute;
bottom: 40px;
width: 100%;
}
.fuxin ul{
margin: 0 auto;
max-width: 1260px;
}
.fuxin ul li{
overflow: hidden;
display: inline-block;
width: 31%;
text-align: center;
background-repeat: no-repeat;
transition: .5s;
/*background-size: auto 80%;*/
margin-left: 10px;
opacity: 1;
}
.fuxin_icon{
position: relative;
}
.fuxin_icon img{
display: block;
width: 30%;
margin: 0 auto;
}
.fuxin_text{
font-size: 24px;
color: #fff;
margin-top: 15px;
}
.fuxin ul li a{
position: relative;
display: block;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
transition: .5s;
/*letter-spacing: 4px;*/
}
.fuxin_textshow .jump-link span{
margin-right: 8px;
}
.fuxin_textshow .jump-link svg{
border-radius: 20px;
width: 14px;
height: 14px;
overflow: hidden;
}
.fuxin_textshow p{
-webkit-transition: .6s .6s;
transition: .6s .6s;
opacity: 1;
}
.fuxin_textshow h2{
opacity: 1;
}
.fuxin_textshow h2::before{
height: 0;
}
.fuxin_textshow .jump-link{
/*-webkit-transition: .6s 1.2s;
transition: .6s 1.2s;*/
opacity: 1;
}
.fuxin_textshow .jump-link svg .circle{
-webkit-animation: circleFull 10s 1s ease-out forwards;
animation: circleFull 10s 1s ease-out forwards;
}
.fuxin_textshow{
position: fixed;
top: 40%;
/*right: 8%;*/
left: 8%;
text-align: left;
transition-duration: 1s;
color: #fff;
}
/*.fuxin_textshow::before{
content: '';
display: block;
height: 100%;
-webkit-transition: .4s ease-out;
transition: .4s ease-out;
}*/
.fuxin_textshow p{
font-size: 16px;
color: #FFFFFF;
opacity: 0.5;
width: 600px;
line-height: 26px;
}
.fuxin_textshow h3{
font-size:17px;
color: #FFFFFF;
width: 600px;
line-height: 34px;
font-weight: normal;
/*animation:tt_effect .6s .3s linear both;-webkit-animation:tt_effect .6s .3s linear both;*/
}
.fuxin_textshow h2{
font-size: 40px;
font-weight: normal;
padding: 24px 0;
}
.fuxin_textshow a{
background-color: rgb(255 255 255 / 0.2);
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 20px;
margin-top: 20px;
font-size: 14px;
}
.fuxin ul li a span {
/*position: absolute;*/
/*display: block;*/
}
.fuxin ul li a span:nth-child(3) {
top: 0;
left: -100%;
width: 100%;
height: 2px;
/*background: linear-gradient(90deg, transparent, #154a9a);
animation: btn-anim1 1s linear infinite;*/
}
@keyframes btn-anim1 {
0% {
left: -100%;
}
50%,100% {
left: 100%;
}
}
.fuxin ul li a span:nth-child(4) {
top: -100%;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg, transparent, #154a9a);
animation: btn-anim2 1s linear infinite;
animation-delay: 1.25s
}
@keyframes btn-anim2 {
0% {
top: -100%;
}
50%,100% {
top: 100%;
}
}
.fuxin ul li a span:nth-child(5) {
bottom: 0;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg, transparent, #154a9a);
animation: btn-anim3 1s linear infinite;
animation-delay: 1.5s
}
@keyframes btn-anim3 {
0% {
right: -100%;
}
50%,100% {
right: 100%;
}
}
.fuxin ul li a span:nth-child(6) {
bottom: -100%;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(360deg, transparent, #154a9a);
animation: btn-anim4 1s linear infinite;
animation-delay: 1.75s
}
@keyframes btn-anim4 {
0% {
bottom: -100%;
}
50%,100% {
bottom: 100%;
}
}
/*.fuxin ul li:hover{
background-color: #154a9a;
border-radius: 5px;
box-shadow: 0 0 5px #154a9a,
0 0 25px #154a9a,
0 0 50px #154a9a,
0 0 100px #154a9a;
}*/
/*.fuxin ul li a:active{
background-color: #154a9a;
border-radius: 5px;
box-shadow: 0 0 5px #154a9a,
0 0 25px #154a9a,
0 0 50px #154a9a,
0 0 100px #154a9a;
}*/
.sph{
max-width: 1260px;
margin: 0 auto;
text-align: center;
}
.spbq{
position: relative;
overflow: hidden;
width: 35%;
margin: 0 auto;
text-align: center;
background-repeat: no-repeat;
transition: .5s;
/* padding: 20px 0;*/
/*border-radius:8px;*/
}
.biankuang{
width: 1px;
height: 3px;
position: absolute;
z-index: 99;
/*background: black;*/
}
.biankuang_1{
height: 1px;
top: -6px;
left:0px;
border-left: 1px solid #fff;
}
.biankuang_2 {
width: 0px;
bottom:-3px;
left: 0px;
border-top: 1px solid #fff;
}
.biankuang_3{
height: 0px;
bottom:0px;
right:0px;
border-right: 1px solid #fff;
}
.biankuang_4{
width:0px;
top:-3px;
right:0px;
border-bottom: 1px solid #fff;
}
.text_gobuy {
position: absolute;
z-index:9;
top: -30px;
left: 0px;
width: 280px;
height: 50px;
overflow: hidden;
background:rgba(207, 208, 211, 0);
cursor: pointer;
transition:all 300ms;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-o-transition:all 300ms;
}
.text_gobuy_show{
height: 50px;
position: absolute;
z-index:9;
bottom: 0px;
width: 280px;
overflow: hidden;
padding: 20px 15px ;
cursor: pointer;
background-color: rgba(32, 32, 33,0.3);
}
.fuxin_icon{
position: relative;
}
.fuxin_icon img{
display: block;
width: 100%;
margin: 0 auto;
}
.slide_line#line_one{
width: 1px;
height: 1px;
position: absolute;
top: 0;
left: 0;
border-top: 1px solid #fff;
opacity: 0;
transition-duration:0.5s;
}
.fuxin ul li:hover .slide_line#line_one{
opacity: 1;
width: 100%;
transition-duration:0.5s;
}
.slide_line#line_three{
width: 1px;
height: 1px;
position: absolute;
bottom: 0;
right: 0;
border-bottom: 1px solid #fff;
opacity: 0;
transition-duration:0.5s;
}
.fuxin ul li:hover .slide_line#line_three{
opacity: 1;
width: 100%;
transition-duration:0.5s;
}
.slide_line#line_two{
width: 1px;
height: 1px;
position: absolute;
top: 0;
right: 0;
border-right: 1px solid #fff;
opacity: 0;
transition-duration:0.5s;
}
.fuxin ul li:hover .slide_line#line_two{
opacity: 1;
height: 100%;
transition-duration:0.5s;
}
.slide_line#line_four{
width: 1px;
height: 1px;
position: absolute;
top: 0;
left: 0;
border-left: 1px solid #fff;
opacity: 0;
transition-duration:0.5s;
}
.fuxin ul li:hover .slide_line#line_four{
opacity: 1;
height: 100%;
transition-duration:0.5s;
}
.fuxin_text{
font-size: 22px;
color: #fff;
text-align: center;
margin-top: 0;
}
.fuxin{
position: absolute;
bottom: 40px;
width: 100%;
}
.fuxin ul li{
width:28%;
display: inline-block;
text-align: center;
}
.fuxin_textall{
max-width: 1260px;
margin: 0 auto;
text-align: center;
}
.fuxin_textshow{
/*position: fixed;
bottom: 40%;
left: 8%;*/
text-align: left;
opacity: 0;
/* transition-duration: 0.2s;*/
color: #fff;
max-width: 500px;
}
.fuxin ul li:hover .fuxin_textshow{
opacity: 1;
}
.index_btn ul li:hover .fuxin_textshow{
opacity: 1;
}
/*.index_btn ul li:hover .fuxin_textshow{
left: 8%;
opacity: 1;
width: 100%;
}*/
.index_btn ul li:hover .index_btnbox{
transition-duration: 0.5s;
bottom: 50px;
}
.index_btn ul li:hover .index_btnbox#index_btn_2{
transition-duration: 0.5s;
bottom: 50px;
}
.index_btn ul li:hover .index_btnbox#index_btn_1{
transition-duration: 0.5s;
bottom: 50px;
}
.fuxin_textshow h3{
position: absolute;
top:0;
left:-500px;
transition-duration: 0.5s;
}
.fuxin_textshow a.flex-middle{
position: absolute;
top:120px;
left:-500px;
transition-duration:1.2s;
}
.fuxin_textshow h3#textshow_h3_2{
position: absolute;
top:35px;
left:-500px;
transition-duration: 0.8s;
}
.fuxin_textshow h3#textshow_h3_3{
position: absolute;
top:70px;
left:-500px;
transition-duration: 1s;
}
.fuxin ul li:hover .fuxin_textshow h3{
left: 0;
transition-duration: 0.5s;
}
.fuxin ul li:hover .fuxin_textshow h3#textshow_h3_2{
left: 0;
transition-duration: 0.8s;
}
.fuxin ul li:hover .fuxin_textshow h3#textshow_h3_3{
left: 0;
transition-duration: 1s;
}
.fuxin ul li:hover .fuxin_textshow a.flex-middle{
left: 0;
transition-duration: 1.2s;
}
.index_btn ul li:hover .fuxin_textshow h3{
left: 0;
transition-duration: 0.5s;
}
.index_btn ul li:hover .fuxin_textshow h3#textshow_h3_2{
left: 0;
transition-duration: 0.8s;
}
.index_btn ul li:hover .fuxin_textshow h3#textshow_h3_3{
left: 0;
transition-duration: 1s;
}
.index_btn ul li:hover .fuxin_textshow a.flex-middle{
left: 0;
transition-duration: 1.2s;
}
#fx_text_show_3.fuxin_textshow a.flex-middle{
top: 80px;
}
/*.fuxin ul li .fuxin_textshow h3{
margin-left: -500px;
transition-duration: 0.3s;
}
.fuxin ul li:hover .fuxin_textshow h3{
margin-left:0;
transition-duration: 0.3s;
}
.fuxin ul li .fuxin_textshow .flex-middle{
}
.fuxin ul li .fuxin_textshow .flex-middle{
margin-left: -100px;
opacity: 0;
transition-duration: 0.1s;
}
.fuxin ul li:hover .fuxin_textshow .flex-middle{
margin-left: 0;
transition-duration: 0.1s;
opacity: 1;
}
.index_btn ul li .fuxin_textshow h3{
margin-left: -500px;
transition-duration: 0.3s;
}
.index_btn ul li:hover .fuxin_textshow h3{
margin-left:0;
transition-duration: 0.3s;
}
.index_btn ul li .fuxin_textshow .flex-middle{
}
.index_btn ul li .fuxin_textshow .flex-middle{
margin-left: -100px;
opacity: 0;
transition-duration: 0.1s;
}
.index_btn ul li:hover .fuxin_textshow .flex-middle{
margin-left: 0;
transition-duration: 0.1s;
opacity: 1;
}*/
.bannerbox{width:100%;position:relative;overflow:hidden;position: absolute;bottom: 0;height: 400px;}
.Homebanner{width:100%;position:relative;height:600px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:600px;}
.Homebanner ul li{width:100%;height:600px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1900px;position:absolute;left:50%;top:0px;display:block;margin-left:-950px;}
.Homeleft,.Homeright{background:#000;font-family:"宋体";width:50px;height:50px;line-height:50px;text-align:center;font-size:40px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}
.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}
.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:60px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(img/index_229.png) no-repeat;}
.Homedot a.cur{background:url(img/index_228.png) no-repeat}
.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone{position:absolute;width:1180px;left:50%;margin-left:-590px;top:251px;text-align:center;z-index:9999;}
.Homebannertext dl.bannerone dt{float:right;font-size:45px;width:750px;height:80px;margin-left:100px;line-height:75px;color:#fff;background:#eb3900;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone dd{float:right;font-size:29px;color:#fff;background:#000;width:360px;height:60px;line-height:60px;margin-right:45px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo{position:absolute;width:1180px;left:50%;top:0px;color:#fff;margin-left:-590px;z-index:9999;}
.Homebannertext dl.bannertwo dt{padding-top:110px;position:relative;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:50px;line-height:60px;font-weight:700;position:relative;}
.Homebannertext dl.bannertwo dt p{font-size:20px;position:relative;padding-top:20px;}
.Homebannertext dl.bannerthree{position:absolute;width:1220px;left:50%;margin-left:-610px;top:0px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{width:500px;float:left;color:#fff;padding-top:170px;position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:55px;font-weight:700;line-height:70px;}
.Homebannertext dl.bannerthree dd p{font-size:20px;line-height:30px;}
.bannereffect{opacity:0;filter:alpha(opacity=0);}
.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}
.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}
.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.Homebanner li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.Homebanner li.cur1 .Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}
.index_btn{
width:100%;
position:absolute;
height:50px;bottom: 0;background:#14479a;
border-top:1px solid rgb(255 255 255 / 0.5);
}
.index_btn ul{margin:0px auto;padding:0px;max-width:1180px;}
.index_btn ul li{
float:left;
width:25%;
height:50px;
position:relative;
}
.index_btn ul li span{position:relative;display:block;height:50px;border-right:1px solid rgb(255 255 255 / 0.5);}
.index_btn ul li:last-child span{
border: none;
}
.index_btn ul li span a{
display:block;
color:#fff;
cursor:pointer;
font-size:16px;
text-align:center;
line-height:50px;
float:left;
height:50px;
width: 100%;
}
.index_btn ul li.indexli_bottom span a{
font-size:14px;
}
.index_btn ul li span a:hover{color:#FFF;background:#154a9a;}
.index_btn ul li span a.cur{border:none;}
.index_btn ul li em{display:inline-block;height:50px;padding-left:60px;}
.index_btn ul li em.btn{background:url(../img/Fuxin_icon_4.png) no-repeat left center;background-size: auto 95%;}
.index_btn ul li em.btn1{background:url(../img//Fuxin_icon_2.png) no-repeat left center;background-size: auto 95%;}
.index_btn ul li em.btn2{background:url(../img//Fuxin_icon_1.png) no-repeat left center;background-size: auto 95%;}
.index_btn ul li em.btn3{background:url(../img/Fuxin_icon_3.png) no-repeat left center;background-size: auto 95%;}
.index_btn ul li .fuxin_textshow .jump-link span{
display: inline-block;
width: auto;
border: none;
}
.index_btn ul li .fuxin_textshow .jump-link img{
display: inline-block;
}
.index_btnbox{
width:100%;
height:250px;
background:#14479a;
position:absolute;
bottom: -250px;left:0px;
transition-duration:0.5s;
opacity: 0.9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
/* .index_btnbox#index_btn_2{
height: 300px;
bottom: -300px;
}
.index_btnbox#index_btn_1{
height: 350px;
bottom: -350px;
} */
.index_btnbox img{
display:block;
margin:auto;
width: 100%;
height: auto;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.index_btnbox p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnbox p a{display:block;float:left;width:130px;padding-bottom:5px;line-height:24px;font-size: 14px;}
.index_btnbox p a:hover{
color: #154a9a;
}
.index_btnbox p a#new_a{
float: none;
width: 100%;
}
.index_btnbox p a#new_a{
float: none;
width: 100%;
height: 48px;
overflow: hidden;
}
.bannerbox{
}
.num{width: 130px;height: 130px;border: 2px solid #ccc;margin:50px 125px;float: left;position: relative;line-height: 230px;text-align: center;}
em,i{ font-style:normal;}
.fuxin_new{
width: 900px;
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -450px;
border-bottom: 1px solid rgb(255 255 255 / 0.2);
}
.fuxin_new ul{
overflow: hidden;
}
.fuxin_new ul li{
width: 33.3%;
float: left;
}
.fuxin_new ul li img{
display: block;
width: 30%;
}
.fuxin_new ul li a b{
content:"";
display:block;
width: 100%;
height:2px;
opacity:0;
margin-top: 1px;
transform:scaleX(0);
transform-origin:100% 50%;
background-color:#fff;
transition:transform .8s,
opacity .05s .15s
}
.fuxin_new ul li:hover a b{
opacity:1;
transform:scaleX(1);
transform-origin:0 50%;
transition:transform .8s,
opacity .05s;
}
.fuxin_new ul li.on a b{
opacity:1;
transform:scaleX(1);
transform-origin:0 50%;
transition:transform .8s,
opacity .05s;
}
@media only screen and (max-width: 1600px){
.suction-top .logo .logo-icon{
width: 230px;
height: 23px;
}
.flex-middle right a img{
display: block;
height: 23px;
}
.ad-view .data-view{
bottom: 100px;
}
.right-aside .logo2 .logo-icon{
width: 40%;
}
.fuxin_text{
font-size: 18px;
}
.spbq{
width: 30%;
}
}
@media only screen and (max-width: 1400px){
.suction-top .logo .logo-icon{
width: 180px;
height: 18px;
}
.flex-middle a img{
display: block;
height: 18px;
}
.suction-top .right a{
}
.ad-view .data-view{
bottom: 100px;
}
.ad-view .data-view .title strong{
font-size: 30px;
}
.ad-view .data-view .title{
margin-bottom: 15px;
height: 40px;
}
.ad-view .data-view .sub-title{
font-size: 14px;
margin-bottom: 5px;
}
.right-aside .close{
width: 18px;
height: 18px;
}
.right-aside .close{
top: 25px;
}
.right-aside .logo2{
padding: 70px 0 20px;
}
.customer-btn img{
display: block;
width: 60px;
}
.fuxin_text{
font-size: 16px;
}
.spbq{
width: 26%;
}
.index_btn ul li.indexli_bottom span a{
font-size: 13px;
}
}